@charset "UTF-8"; 

.lc{font-size:25px}

.about-module{width:100%; padding:10px 0 30px; overflow:hidden}
.about-module-bg{background-color:#ededed}
.about-module .module-title{position:relative; margin:0 10% 45px; text-align:center}
.about-module .module-title i{position:absolute; top:0; left:0; width:100%; font-style:normal; font-size:76px; font-weight:bold; text-transform:uppercase; color:#eff2f9; line-height:76px; letter-spacing:5px}
.about-module .module-title h2{position:relative; font-size:40px; color:#369031; line-height:60px}
.about-module .module-title p{position:relative; margin-top:15px; font-size:16px; color:#4c4c4c; line-height:1.9}
.title_25{font-size:25px!important}
@media (max-width:1366px){.about-module{padding:55px 0 80px}
.about-module .module-title{margin:0 10% 40px}
.about-module .module-title i{font-size:72px; line-height:72px}
.about-module .module-title h2{font-size:25px; line-height:72px}
.about-module .module-title p{margin-top:10px; font-size:14px}
}
@media (max-width:1024px){.about-module{padding:50px 0 75px}
.about-module .module-title{margin:0 10% 30px}
.about-module .module-title i{font-size:65px; line-height:65px}
.about-module .module-title h2{font-size:25px; line-height:65px}
.about-module .module-title p{margin-top:8px; font-size:14px}
}
@media (max-width:750px){.about-module{padding:25px 0 5px}
.about-module .module-title{margin:0 10px 20px}
.about-module .module-title i{font-size:40px; line-height:40px}
.about-module .module-title h2{font-size:15px!important; line-height:30px}
.about-module .module-title p{font-size:12px}
.lc{display:none}
.pt{display: none}
}

.about-info{padding:0 8%; font-size:14px; text-align:center}
.about-info p{margin:10px 0}
.about-1f{margin-top:-40px; padding-bottom:60px; background-color:#f5f5f5}
.about-1f ul li{position:relative; float:left}
.about-1f ul li.left{width:58.333%}
.about-1f ul li.right{width:41.667%}
.about-1f ul li img{width:100%}
.about-1f .data{position:absolute; top:0; left:0; width:100%; height:100%; color:#fff; text-align:center; background-color:rgba(163,140,30,0.9)}
.about-1f .data ul{margin:0 6% 0 2%; padding-top:10%}
.about-1f .data ul li{float:left; width:25%}
.about-1f .data i{display:block; width:100%}
.about-1f .data i img{width:50px}
.about-1f .data h5{margin-top:9.5%; font-size:14px; font-weight:normal}
.about-1f .data p{font-family:arial; font-size:52px}
.about-1f .data p strong{font-weight:normal}
@media (max-width:1366px){.about-1f .data h5{font-size:12px}
.about-1f .data p{font-size:45px}
.about-1f .data i img{width:46px}
}
@media (max-width:1024px){.about-1f .data i img{width:42px}
.about-1f .data ul{padding-top:8%}
.about-1f .data h5{font-size:12px}
.about-1f .data p{font-size:28px}
}
@media (max-width:750px){.gsjj-info{padding:0 10px; text-align:left}
.about-1f{padding-bottom:0; margin-top:0px}
.about-1f ul li{float:none}
.about-1f ul li.left{width:100%}
.about-1f ul li.right{width:100%}
.about-1f .data i img{width:38px}
.about-1f .data ul{padding-top:5%}
.about-1f .data h5{font-size:12px}
.about-1f .data p{margin-top:5px; font-size:22px}
}

.about-2f{background-size:cover}
.about-2f-info{overflow:hidden}
.about-2f-info ul{margin:0 -12px}
.about-2f-info ul li{float:left; width:33.33%}
.about-2f-info ul li a{position:relative; display:block; margin:0 12px}
.about-2f-info ul li a .pic{width:100%}
.about-2f-info ul li a .pic img{display:block; width:100%}
.about-2f-info ul li a .info{opacity:0; position:absolute; top:0; left:0; width:100%; height:100%; color:#fff; text-align:center; background-color:rgba(25,138,18,0.9);  -webkit-transition:opacity 0.5s ease; -moz-opacity:transform 0.5s ease; -ms-opacity:transform 0.5s ease; opacity:transform 0.5s ease}
.about-2f-info ul li a .info span{display:inline-block; margin-top:20%; width:20%}
.about-2f-info ul li a .info span img{width:100%}
.about-2f-info ul li a .info h5{margin-top:7.5%; font-size:18px; font-weight:normal}
.about-2f-info ul li a:hover .info{opacity:1}
@media (max-width:1366px){.about-2f-info ul li a .info h5{ font-size:16px}
}
@media (max-width:1024px){.about-2f-info ul li a .info h5{ font-size:14px}
}
@media (max-width:750px){.about-2f-info{margin:0 10px}
.about-2f-info ul{margin:0 -5px}
.about-2f-info ul li{float:left; width:33.33%}
.about-2f-info ul li a{margin:0 5px}
.about-2f-info ul li a .info h5{ font-size:12px}
}

.about-3f{width:100%; max-width:1180px; margin:0 auto}
.about-3f .pro-type{float:left; width:245px; background:url("../images/icon/05.png") repeat-y 28px center}
.about-3f .pro-type ul{margin-top:-30px}
.about-3f .pro-type ul li{padding:22px 0; font-size:18px; cursor:pointer}
.about-3f .pro-type ul li i{float:left}
.about-3f .pro-type ul li i img{width:56px; height:56px}
.about-3f .pro-type ul li span{display:block; margin-left:60px; line-height:60px}
.about-3f .pro-type ul li span img{display:inline-block; margin-top:-30px; margin-left:-10px; vertical-align:middle}
.about-3f .pro-type ul li.active{color:#e8c50d}
.about-3f .pro-item{margin-left:245px; padding-top:10px}
.about-3f .pro-item .item{display:none; width:100%}
.about-3f .pro-item .item .pic{width:560px; display:inline-block; height:330px}
.about-3f .pro-item .item .pic2{float:right; width:38%; overflow:hidden; height:auto}
.about-3f .pro-item .item .pic2 ul li{width:48%; margin-bottom:15px}
.about-3f .pro-item .item .pic2 ul li img{display:block; width:100%}
.b_dd0f19{color:#fff !important; background:#e8c50d !important}
.b_0b0a0a{background:#009b4b !important; color:#fff !important}
.gc_a a{width:120px; height:40px; line-height:40px; display:block; color:#fff; text-align:center; border-radius:6px; margin-right:25px; margin-top:25px}
.about-3f .pro-item .item a{display:block}
.about-3f .pro-item .item a .pic{width:100%}
.about-3f .pro-item .item a .pic img{display:block; width:100%}
.about-3f .pro-item .item h5{margin-top:-15px; width:100%; font-size:20px; font-weight:normal; color:#fff; text-align:center; line-height:50px; background-color:#369031; text-overflow:ellipsis;  white-space:nowrap;  overflow:hidden}
.about-3f .pro-item .item video{width:100%; margin:auto 0; height:100%; box-shadow:0 0 15px #4E4E4E; object-fit:fill}
.about-3f .pro-item .pro-types{float:right}
@media (max-width:1024px){.about-3f .pro-type{width:240px}
.about-3f .pro-type ul{margin-top:0}
.about-3f .pro-type ul li{padding:0; font-size:18px}
.about-3f .pro-item{margin-left:280px}
}
@media (max-width:1024px){.about-3f .pro-type{float:none; width:100%; background:none}
.about-3f .pro-type ul{margin-top:0}
.about-3f .pro-type ul li{float:left; width:25%; padding:0; font-size:12px; text-align:center}
.about-3f .pro-type ul li i{display:block; float:none}
.about-3f .pro-type ul li i img{width:50px; height:50px}
.about-3f .pro-type ul li span{display:block; margin-left:0; line-height:2}
.about-3f .pro-type ul li span img{display:none}
.about-3f .pro-item .item h5{font-size:14px}
.about-3f .pro-item{margin-left:10px; margin-right:10px}
.about-3f .pro-item .item a h5{font-size:14px; line-height:30px}
}

.about-4f{background:url("../images/bg/131.jpg") no-repeat center; background-size:cover}
.about-4f-info{margin-top:-44px}
.about-4f-info ul li{float:left; width:25%; margin-top:44px}
.about-4f-info .ry{width:32%}
.about-4f-info ul li a{display:block; width:86.5%; margin:0 auto;   -webkit-transition:transform 0.5s ease; -moz-transition:transform 0.5s ease; -ms-transition:transform 0.5s ease; transition:transform 0.5s ease}
.about-4f-info ul li a img{width:82%; padding:5% 9%; background:url("../images/icon/album.png") no-repeat center; background-size:100% 100%}
.about-4f-info .ry img{width:100%}
.about-4f-info ul li a:hover{ -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05)}
@media (max-width:1366px){.about-4f-info{margin-top:-40px}
.about-4f-info ul li{margin-top:40px}
}

@media (max-width:1024px){.about-4f-info{margin-top:-36px}
.about-4f-info ul li{margin-top:36px}
}

@media (max-width:750px){.about-4f-info{margin-top:-30px}
.about-4f-info ul{padding:0 5%}
.about-4f-info ul li{width:50%; margin-top:15px}
.about-3f .pro-item .item .pic{height:auto!important}
.about-3f .pro-item .item video{height:auto!important; object-fit:unset}
}

.about-5f{margin-top:-42px; overflow:hidden}
.about-5f ul{margin:0 -17px 0 -18px}
.about-5f ul li{float:left; width:33.33%; margin-top:25px}
.about-5f .kh{width:25%!important}
.about-5f ul li a{display:block; margin:0 17px 0 18px}
.about-5f .kh a{margin: 0 4px 0 10px}
.about-5f ul li a .pic{position:relative; width:100%; height:0; padding-top:68.5%; overflow:hidden}
.about-5f ul li a .pic img{position:absolute; top:0; left:0; width:100%; height:100%;  -webkit-ransition:transform 0.5s ease; -moz-transition:transform 0.5s ease; -ms-transition:transform 0.5s ease; transition:transform 0.5s ease}
.about-5f ul li a .tit{width:100%; font-size:18px; font-weight:normal; line-height:40px; border-bottom:2px solid #f4f4f4; text-overflow:ellipsis;  white-space:nowrap;  overflow:hidden; text-align:center}
.about-5f ul li a:hover .pic img{ -webkit-transform:scale(1.15); -moz-transform:scale(1.15); -ms-transform:scale(1.15); transform:scale(1.15)}
@media (max-width:1366px){.about-5f{margin-top:-38px}
.about-5f ul{margin:0 -17px 0 -18px}
.about-5f ul li{margin-top:38px}
.about-5f ul li a{display:block; margin:0 17px 0 18px}
.about-5f ul li a .tit{font-size:16px; line-height:60px}
}
@media (max-width:1024px){.about-5f{margin-top:-34px}
.about-5f ul{margin:0 -10px}
.about-5f ul li{margin-top:34px}
.about-5f ul li a{display:block; margin:0 10px}
.about-5f ul li a .tit{font-size:14px; line-height:55px}
}
@media (max-width:750px){.about-5f{margin-top:-30px; padding:0 16px}
.about-5f ul{margin:0 -8px}
.about-5f ul li{width:50%; margin-top:20px}
.about-5f .kh{width:32% !important}
.about-5f ul li a{display:block; margin:0 8px}
.about-5f ul li a .tit{font-size:11px; line-height:35px; border-bottom:1px solid #eee}
}

.about-6f{color:#fff; background:url("../images/bg/msg-bg.jpg") no-repeat center; background-size:cover}
.about-6f .module-title h2{color:#fff}
.about-6f .module-title p{color:#fff}
.about-6f-info{padding-top:20px; overflow:hidden}
.about-6f-info ul{margin:0 -30px}
.about-6f-info ul li{float:left; width:33.33%; margin-top:15px}
.about-6f-info ul li a{display:block; margin:0 30px; padding:45px 0; text-align:center; border-radius:2px 25px 2px 2px; background-color:rgba(255,255,255,0.96)}
.about-6f-info ul li a h5{width:100%; margin-top:22px; font-size:18px; font-weight:normal; color:#299d25; text-overflow:ellipsis;  white-space:nowrap;  overflow:hidden}
.about-6f-info ul li a p{width:100%; margin-top:8px; font-size:16px; text-overflow:ellipsis;  white-space:nowrap;  overflow:hidden}
.about-6f-info ul li a span{display:block}
.about-6f-info ul li a span .icon{display:block; width:40px; height:40px; margin:0 auto; background-repeat:no-repeat; background-position:center}
.about-6f-info ul li a span .icon01{background-image:url("../images/icon/131.png")}
.about-6f-info ul li a span .icon02{background-image:url("../images/icon/132.png")}
.about-6f-info ul li a span .icon03{background-image:url("../images/icon/133.png")}
.about-6f-info ul li a span .icon04{background-image:url("../images/icon/134.png")}
.about-6f-info ul li a span .icon05{background-image:url("../images/icon/135.png")}
.about-6f-info ul li a span .icon06{background-image:url("../images/icon/136.png")}
.about-6f-info ul li a:hover{background-color:rgba(54,144,49,0.94)}
.about-6f-info ul li a:hover h5{color:#fff}
.about-6f-info ul li a:hover p{color:#fff}
.about-6f-info ul li a:hover span .icon01{background-image:url("../images/icon/131_hover.png")}
.about-6f-info ul li a:hover span .icon02{background-image:url("../images/icon/132_hover.png")}
.about-6f-info ul li a:hover span .icon03{background-image:url("../images/icon/133_hover.png")}
.about-6f-info ul li a:hover span .icon04{background-image:url("../images/icon/134_hover.png")}
.about-6f-info ul li a:hover span .icon05{background-image:url("../images/icon/135_hover.png")}
.about-6f-info ul li a:hover span .icon06{background-image:url("../images/icon/136_hover.png")}
.about_service-info{width:100%; padding:40px 0}
.about_service-info .left{float:left; width:49%; margin-right:1%}
.about_service-info .right{float:left; width:50%; margin-top:8%}
.about_service-info .right video{width:100%; margin:10px auto 0; height:auto}
.about_service-info .info h3{font-size:36px}
.about_service-info .info h4{margin-top:10px; font-size:24px; font-weight:normal}
.about_service-info .info p{margin-top:8px; font-size:16px; color:#666; line-height:1.7; text-indent:2em; text-align:justify}
@media (max-width:1366px){.about-6f-info{padding-top:10px}
.about-6f-info ul{margin:0 -22px}
.about-6f-info ul li a{margin:0 22px}
.about-6f-info ul li a h5{font-size:18px}
.about-6f-info ul li a p{font-size:16px}
.about_service-info{padding:30px 0}
.about_service-info .info h3{font-size:32px}
.about_service-info .info h4{font-size:20px}
.about_service-info .info p{margin-top:15px; font-size:14px; text-align:justify}
}
@media (max-width:1024px){.about-6f-info{padding-top:0}
.about-6f-info ul{margin:0 -10px}
.about-6f-info ul li a{margin:0 10px}
.about-6f-info ul li a h5{font-size:16px}
.about-6f-info ul li a p{font-size:14px}
.about_service-info{padding:30px 0}
.about_service-info .info h3{font-size:28px}
.about_service-info .info h4{font-size:16px}
.about_service-info .info p{margin-top:15px; font-size:12px; text-align:justify}
}
@media (max-width:750px){.about-6f-info{margin:0 10px; padding-top:0}
.about-6f-info ul{margin:0 -5px}
.about-6f-info ul li{width:50%}
.about-6f-info ul li a{margin:0 5px; padding:30px 0; border-radius:2px 20px 2px 2px}
.about-6f-info ul li a h5{margin-top:15px; font-size:14px}
.about-6f-info ul li a p{margin-top:5px; font-size:12px}
.about_service-info{width:auto; margin:0 10px; padding:0}
.about_service-info .left{float:none; width:100%}
.about_service-info .right{float:none; width:100%; margin-top:10px; text-align:center}
.about_service-info .right img{width:60%}
.about_service-info .info{text-align:center}
.about_service-info .info h3{font-size:22px}
.about_service-info .info h4{font-size:14px}
.about_service-info .info p{margin-top:5px; font-size:12px; line-height:2; text-align:justify}
}

/* nav */
.case-nav{margin-top:65px}
.case-nav .title{float:left}
.case-nav .title span{display:block; padding:0 62px; font-size:16px; font-weight:normal; color:#fff; line-height:53px; background-color:#099f00}
.case-nav .type{float:right; margin-top:12px}
.case-nav .type ul li{float:left; margin-left:30px}
.case-nav .type ul li a{display:block; padding:5px 25px; font-size:14px; line-height:19px; border-radius:5px; background-color:#e9e9e9}
.case-nav .type ul li a:hover, 
.case-nav .type ul li.current a{color:#fff; background-color:#e9c50b}
@media (max-width:1366px){.case-nav{margin-top:60px}
.case-nav .title span{padding:0 55px; font-style:15px; line-height:50px}
.case-nav .type{margin-top:10px}
}
@media (max-width:1024px){.case-nav{margin-top:50px}
.case-nav .title span{padding:0 50px; font-style:14px; line-height:45px}
.case-nav .type{margin-top:8px}
}
@media (max-width:750px){.case-nav{margin-top:40px; padding:0 10px; s}
.case-nav .title{float:none; text-align:center}
.case-nav .title span{display:inline-block; padding:0 50px; font-style:14px; line-height:45px}
.case-nav .type{float:none; margin-top:30px; text-align:center}
.case-nav .type ul li{float:none; display:inline-block; margin:5px}
.case-nav .type ul li a{border-radius:3px}
}

.case-list{overflow:hidden}
.case-list ul{margin:0 -25px}
.case-list ul li{float:left; width:33.33%; margin-top:70px}
.case-list ul li a{display:block; margin:0 25px}
.case-list ul li a .pic{position:relative; width:100%; height:0; padding-top:68.5%; overflow:hidden}
.case-list ul li a .pic img{position:absolute; top:0; left:0; width:100%; height:100%}
.case-list ul li a .info{padding:10px 0 27px; border-bottom:2px solid #f4f4f4}
.case-list ul li a .info h5{width:100%; font-size:18px; font-weight:normal; line-height:45px; text-overflow:ellipsis;  white-space:nowrap;  overflow:hidden; color:#333}
.case-list ul li a .info p{width:100%; font-size:14px; line-height:32px; text-overflow:ellipsis;  white-space:nowrap;  overflow:hidden; color:#333}
.case-list ul li a:hover .info p{color:#333}
@media (max-width:1366px){.case-list ul{margin:0 -20px}
.case-list ul li{margin-top:60px}
.case-list ul li a{margin:0 20px}
.case-list ul li a .info h5{font-size:16px}
.case-list ul li a .info p{font-size:13px; line-height:28px}
}
@media (max-width:1024px){.case-list ul{margin:0 -10px}
.case-list ul li{margin-top:50px}
.case-list ul li a{margin:0 10px}
.case-list ul li a .info h5{font-size:15px}
.case-list ul li a .info p{font-size:12px; line-height:24px}
}
@media (max-width:750px){.case-list{margin:0 16px}
.case-list ul{margin:0 -8px}
.case-list ul li{float:left; width:50%; margin-top:30px}
.case-list ul li a{margin:0 8px}
.case-list ul li a .info{padding:5px 0 20px; border-bottom:1px solid #eee}
.case-list ul li a .info h5{font-size:12px; line-height:35px}
.case-list ul li a .info p{font-size:10px; line-height:20px}
}

.case-detail{margin-top:10px}
.case-title{font-size:36px; text-align:center}
.case-photo{margin-top:60px}
.case-photo img{display:block; width:100%}
.case-specs{margin-top:20px}
.case-spec{position:relative; float:left; width:26%; height:336px}
.case-spec .bg{display:block; width:92.5%; height:100%; background:url("../images/icon/311.png") no-repeat center; background-size:cover}
.case-spec .item{position:absolute; top:10px; left:4.8%; width:95.2%}
.case-spec .item li{width:100%; height:70px; margin:25px 0; padding-bottom:8px; line-height:24px; background:url("../images/icon/312.png") no-repeat left top; background-size:100% 100%;  overflow:hidden}
.case-spec .item li img{float:left; margin-top:11px; margin-left:15px}
.case-spec .item li p{padding-top:11px; margin-left:50px; margin-right:28px; font-size:16px}
.case-device{float:right; width:70%}
.case-device .title{font-size:30px; font-weight:normal; line-height:70px; text-align:center; background:url("../images/icon/313.png") no-repeat center; background-size:cover}
.case-device .items{height:246px; padding-top:20px; background-color:#f2f2f2; overflow:hidden}
.case-device .items .item{display:block; padding:0 8px}
.case-device .items .item .pic{width:100%; overflow:hidden}
.case-device .items .item .pic img{display:block; width:100%}
.case-device .items .item .tit{height:37px; font-size:16px; font-weight:normal; text-align:center; line-height:40px; overflow:hidden; border-bottom:2px solid #d2d2d2}
.case-device .items .item:hover .tit{color:#099f00; border-color:#099f00}
.case-device .items .items-button{position:absolute; top:0; z-index:2; width:45px; height:100%; background-color:#f2f2f2}
.case-device .items .items-button-prev{left:0}
.case-device .items .items-button-next{right:0}
.case-device .swiper-container{padding:0 45px}
.case-device .swiper-button-next, 
.case-device .swiper-button-prev{top:0; width:17px; height:100%; margin-top:0}
.case-device .swiper-button-next:hover, 
.case-device .swiper-button-prev:hover{background-color:#e8c50d}
.case-device .swiper-button-next, 
.case-device .swiper-container-rtl .swiper-button-prev{right:17px; background:#ccc url("../images/icon/315.png") no-repeat center}
.case-device .swiper-button-prev, 
.case-device .swiper-container-rtl .swiper-button-next{left:17px; background:#ccc url("../images/icon/314.png") no-repeat center}
.case-detail-title{height:65px; margin-top:50px; margin-bottom:15px; font-size:32px; line-height:65px; text-align:center; background-color:#f2f2f2}
.case-detail-title i{display:inline-block; width:37px; height:2px; margin-top:-2px; vertical-align:middle; background-color:#099f00}
.case-detail-title span{padding:0 28px}
.case-detail-content{margin-top:22px}
.case-detail-content p{margin:22px 0}
.case-detail-content img{max-width:100%; height:auto}
.case-button{margin:50px 0 80px; text-align:center}
.case-button .button{display:inline-block; height:55px; padding:0 50px; font-size:24px; color:#fff; line-height:55px; border-radius:18px; border:none; background-color:#099f00}

.case-detail .case-list{margin-top:-50px}
.case-detail .case-list ul li a .info{border-bottom:none}

@media (max-width:1366px){.case-detail{margin-top:55px}
.case-title{font-size:34px}
.case-photo{margin-top:55px}
.case-spec .item li p{padding-top:11px; margin-left:50px; margin-right:28px; font-size:15px}
.case-device .title{font-size:28px}
.case-detail-title{height:60px; margin-top:45px; font-size:30px; line-height:60px}
.video-player .control .button{width:98px; height:98px; margin-top:-49px; margin-left:-49px}
.case-button .button{font-size:22px; border-radius:16px}
}
@media (max-width:1024px){.case-detail{margin-top:50px}
.case-title{font-size:32px}
.case-photo{margin-top:50px}
.case-spec .item li p{font-size:14px}
.case-device .title{font-size:24px}
.case-device .items .item .tit{font-size:14px}
.case-detail-title{height:55px; margin-top:45px; font-size:28px; line-height:55px}
.video-player .control .button{width:92px; height:92px; margin-top:-46px; margin-left:-46px}
.case-button .button{font-size:20px; border-radius:12px}
}
@media (max-width:750px){.case-detail{margin-top:15px}
.case-title{margin:5px; font-size:18px}
.case-photo{margin-top:40px}
.case-specs{padding:0 10px}
.case-spec{float:none; width:100%; height:auto; padding:10px 0; background:url("../images/icon/511.png") no-repeat center; background-size:cover}
.case-spec .bg{display:none}
.case-spec .item{position:static; top:auto; left:auto; width:90%; margin:0 5%}
.case-spec .item li{margin:15px 0; padding-bottom:0; background-size:cover}
.case-spec .item li img{margin-top:25px}
.case-spec .item li p{padding-top:0; line-height:70px; text-overflow:ellipsis;  white-space:nowrap;  overflow:hidden}
.case-device{float:none; width:100%; margin-top:20px}
.case-device .title{font-size:18px; line-height:40px}
.case-device .items{height:auto; padding-bottom:20px}
.case-device .items .item{padding:0 5px}
.case-device .items .item .tit{font-size:11px}
.case-detail-title{height:45px; margin-bottom:20px; font-size:22px; line-height:45px}
.case-detail-title i{width:25px}
.case-detail-title span{padding:0 20px}
.video-player{width:auto; margin:5px 10px}
.video-player .control .button{width:50px; height:50px; margin-top:-25px; margin-left:-25px}
.case-detail-content{margin:20px 10px}
.case-button{margin:40px 10px 60px}
.case-button .button{display:block; width:100%; padding:0; font-size:18px; border-radius:25px; text-overflow:ellipsis;  white-space:nowrap;  overflow:hidden}

.case-detail .case-list{margin-top:0}
}

.products{margin-top:55px}
.products-list{margin:55px 0}
.products-title{margin-bottom:42px}
.products-title .title{float:left; width:260px; height:97px; color:#fff; background:url("../images/icon/201.png") no-repeat left center; background-size:100% 100%; overflow:hidden;margin-left: 38%;}
.products-title .title i{float:left; width:102px; height:97px; font-style:italic; font-family:"Microsoft YaHei"; font-size:68px; font-weight:bold; line-height:97px}
.products-title .title span{float:left; margin-left:40px; font-size:38px; line-height:88px}
.products-title .type{float:left; height:36px; max-width:670px; margin-top:30px; margin-left:15px; overflow:hidden}
.products-title .type ul{height:60px; font-size:0; overflow-x:scroll; overflow-y:hidden; white-space:nowrap; -webkit-overflow-scrolling:touch}
.products-title .type ul li{display:inline-block; margin:0 17px 0 18px}
.products-title .type ul li a{display:inline-block; height:34px; padding:0 30px; font-size:14px; line-height:34px; border:1px dashed #626262}
.products-title .type ul li a:hover{color:#099f00; border-color:#099f00}
.products-title .more{float:right; margin-top:30px; padding-right:25px; font-size:14px; line-height:36px; background:url("../images/icon/arrow_2.png") no-repeat right center}

.products-grid-1{position:relative; overflow:hidden}
.products-grid-1 ul{position:relative; margin:0 -10px}
.products-grid-1 ul li{float:left; width:50%; margin:5px 0}
.products-grid-1 ul li a{position:relative; display:block; margin:0 10px}
.products-grid-1 .pic{width:100%;box-shadow: 0 0 30px rgba(31, 65, 106, 0.2);}
.products-grid-1 .pic img{display:block; width:100%}
.products-grid-1 .info{opacity:0; position:absolute; top:0; left:0; width:100%; height:100%; color:#fff; text-align:center;   -webkit-transition:opacity 0.5s ease; -moz-transition:opacity 0.5s ease; -ms-transition:opacity 0.5s ease; transition:opacity 0.5s ease;   background:-webkit-linear-gradient(45deg,rgba(83,101,130,0.9),rgba(129,150,179,0.9));   background:-o-linear-gradient(45deg,rgba(83,101,130,0.9),rgba(129,150,179,0.9));   background:-moz-linear-gradient(45deg,rgba(83,101,130,0.9),rgba(129,150,179,0.9));   background:linear-gradient(45deg,rgb(34, 179, 146),rgb(13, 175, 164));}
.products-grid-1 .info .inner{padding:13.55% 10% 0}
.products-grid-1 .info .tag{position:relative; padding-bottom:22px; font-size:22px; color:#fede3c}
.products-grid-1 .info .tag i{position:absolute; left:50%; bottom:0; width:22px; height:3px; margin-left:-11px; background-color:#fff}
.products-grid-1 .info .tit{margin-top:30px; font-size:36px}
.products-grid-1 .info .txt{margin-top:38px; font-size:16px; line-height:30px}
.products-grid-1 .info .arrow{margin-top:60px}
.products-grid-1 .info .arrow i{display:inline-block; width:58px; height:30px; text-indent:-9999em; overflow:hidden}
.products-grid-1 .info-2{text-align:left; background:rgba(41,51,64,0.9)}
.products-grid-1 .info-2 .inner{position:absolute; top:50%; left:0; width:73%; height:184px; margin-top:-92px; padding:0 13.5%}
.products-grid-1 .info-2 .tag{position:static; padding-bottom:0}
.products-grid-1 .info-2 .tag span{display:block}
.products-grid-1 .info-2 .tag i{position:static; left:auto; bottom:auto; display:block; margin-left:0; margin-top:4px}
.products-grid-1 .info-2 .tit{margin-top:10px}
.products-grid-1 .info-2 .txt{width:128px; height:72px; margin-top:10px; font-size:14px; line-height:24px; overflow:hidden}
.products-grid-1 .info-2 .arrow{position:absolute; left:50%; top:50%; margin-top:0}
.products-grid-1 .info-3 .inner{position:relative; width:100%; height:100%; padding:0}
.products-grid-1 .info-3 .tit{position:absolute; left:0; top:50%; width:100%; margin-top:-20px; font-size:30px; font-weight:normal; line-height:40px}
.products-grid-1 .name{font-size:16px; line-height:35px; text-align:center}
.products-grid-1 ul li.li-3{position:absolute; right:0; bottom:0}
.products-grid-1 ul li a:hover .info{opacity:1}

.products-grid-2{overflow:hidden}
.products-grid-2 ul{margin:0 -10px}
.products-grid-2 ul li{float:left; width:33.33%}
.products-grid-2 ul li a{display:block; margin:0 10px; text-align:center}
.products-grid-2 ul li a .pic{position:relative; width:100%; height:0; padding-top:74.667%; overflow:hidden}
.products-grid-2 ul li a .pic img{position:absolute; top:0; left:0; width:100%; height:100%}
.products-grid-2 ul li a .tit{font-size:16px; font-weight:normal; line-height:30px}
.products-grid-2 ul.products-grid-2col li{width:50%}
.products-grid-2 ul.grid-3col li{width:33.33%}
.products-grid-2 ul.grid-4col li{width:25%}
.products-grid-2 ul.grid-5col li{width:20%}

.factory .name{display:none}

@media (max-width:1366px){.products-title .title{width:300px; height:83px}
.products-title .title i{width:87px; height:83px; font-size:60px; line-height:83px}
.products-title .title span{margin-left:25px; font-size:34px; line-height:75px}
.products-title .type{margin-top:23px; margin-left:10px}
.products-title .type ul li{margin:0 12px}
.products-title .type ul li a{padding:0 20px}
.products-title .more{margin-top:23px}
.products-grid-1 .info .tag{padding-bottom:18px; font-size:20px}
.products-grid-1 .info .tit{margin-top:25px; font-size:32px}
.products-grid-1 .info .txt{margin-top:32px; font-size:14px; line-height:25px}
.products-grid-1 .info .arrow{margin-top:50px}
.products-grid-1 .info-2 .inner{height:170px; margin-top:-85px}
.products-grid-1 .info-2 .tag{padding-bottom:0}
.products-grid-1 .info-2 .tit{margin-top:10px}
.products-grid-1 .info-2 .txt{height:60px; margin-top:10px; font-size:14px; line-height:20px}
.products-grid-1 .info-2 .arrow{margin-top:0}
.products-grid-1 .info-3 .inner{}
.products-grid-1 .info-3 .tit{margin-top:-20px; font-size:28px}
.products-grid-1 .name{font-size:14px}
.products-grid-2 ul li a .tit{font-size:14px}
}
@media (max-width:1024px){.products-title .title{width:250px; height:69px}
.products-title .title i{width:73px; height:69px; font-size:50px; line-height:69px}
.products-title .title span{margin-left:20px; font-size:30px; line-height:60px}
.products-title .type{margin-top:18px; margin-left:10px}
.products-title .type ul li{margin:0 10px}
.products-title .type li li a{height:30px; padding:0 15px; font-size:12px; line-height:30px}
.products-title .more{margin-top:18px; font-size:12px; line-height:30px}
.products-grid-1 .info .tag{padding-bottom:15px; font-size:18px}
.products-grid-1 .info .tit{margin-top:20px; font-size:28px}
.products-grid-1 .info .txt{margin-top:28px; font-size:12px; line-height:20px}
.products-grid-1 .info .arrow{margin-top:40px}
.products-grid-1 .info-2 .inner{height:150px; margin-top:-75px}
.products-grid-1 .info-2 .tag{padding-bottom:0; font-size:16px}
.products-grid-1 .info-2 .tit{margin-top:10px; font-size:26px}
.products-grid-1 .info-2 .txt{height:60px; margin-top:10px; font-size:12px; line-height:20px}
.products-grid-1 .info-2 .arrow{margin-top:0}
.products-grid-1 .info-3 .inner{}
.products-grid-1 .info-3 .tit{margin-top:-20px; font-size:28px}
.products-grid-1 .name{font-size:12px}
.products-grid-2 ul li a .tit{font-size:12px}
}
@media (max-width:750px){.products{margin-top:0; background-color:#f5f5f5}
.products-list{margin:5px 0; padding:10px 0; background-color:#fff}
.products-title{margin-bottom:30px}
.products-title .title{float:none; width:170px; height:47px; margin:0 auto}
.products-title .title i{width:47px; height:47px; font-size:30px; line-height:47px; text-align:center}
.products-title .title span{margin-left:12px; font-size:22px; line-height:43px}
.products-title .type{width:100%; margin-top:25px; margin-left:0}
.products-title .type ul{padding:0 5px}
.products-title .type ul li{margin:0 5px}
.products-title .type ul li a{height:30px; padding:0 14px; font-size:12px; line-height:30px}
.products-title .more{display:none}
.products-grid-1{margin:0 10px}
.products-grid-1 ul{margin:0 -5px}
.products-grid-1 ul li{margin:0}
.products-grid-1 ul li a{margin:0 5px}
.products-grid-1 ul li.li-3{position:static; left:auto; bottom:auto}
/* pic */
.products-grid-1 ul li.li-1 .pic{position:relative; width:100%; height:0; padding-top:calc(83.32%+35px)}
.products-grid-1 ul li.li-1 .pic img{position:absolute; top:0; left:0; width:100%; height:100%}
.products-grid-1 ul li.li-2 .pic, 
.products-grid-1 ul li.li-3 .pic{position:relative; width:100%; height:0; padding-top:41.66%}
.products-grid-1 ul li.li-2 .pic img, 
.products-grid-1 ul li.li-3 .pic img{position:absolute; top:0; left:0; width:100%; height:100%}

.products-grid-1 .info{display:none}
.products-grid-2{margin:0 10px}
.products-grid-1 ul{margin:0 -5px}
.products-grid-2 ul li a{margin:0 5px}
.products-grid-2 ul.grid-4col li{width:50%}
.factory .name{display:block}
}

.product-nav{margin-top:50px; text-align:center}
.product-nav ul{font-size:0}
.product-nav ul li{display:inline-block; width:16.66%}
.product-nav ul li a{display:block; text-align:center}
.product-nav ul li a .icon{border-radius:50%; width:134px; height:134px; margin:0 auto; background-color:#f4f4f4; overflow:hidden;   -webkit-transition:transform 0.5s ease; -moz-transition:transform 0.5s ease; -ms-transition:transform 0.5s ease; transition:transform 0.5s ease}
.product-nav ul li a .icon i{display:block; width:100%; height:100%; background-repeat:no-repeat; background-position:center; background-size:cover;   -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; transition:all 0.5s ease}
.product-nav ul li a .icon .icon01{background-image:url("../images/icon/11.png")}
.product-nav ul li a .icon .icon02{background-image:url("../images/icon/12.png")}
.product-nav ul li a .icon .icon03{background-image:url("../images/icon/13.png")}
.product-nav ul li a .icon .icon04{background-image:url("../images/icon/14.png")}
.product-nav ul li a .icon .icon05{background-image:url("../images/icon/15.png")}
.product-nav ul li a .icon .icon06{background-image:url("../images/icon/16.png")}
.product-nav ul li a .text{height:33px; margin-top:27px; font-size:24px; line-height:33px; text-overflow:ellipsis;  white-space:nowrap;  overflow:hidden}
.product-nav ul li.current a .icon, 
.product-nav ul li a:hover .icon{background-color:#2c2c2c;   -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1)}
.product-nav ul li.current a .icon .icon01, 
.product-nav ul li a:hover .icon .icon01{background-image:url("../images/icon/11_hover.png")}
.product-nav ul li.current a .icon .icon02, 
.product-nav ul li a:hover .icon .icon02{background-image:url("../images/icon/12_hover.png")}
.product-nav ul li.current a .icon .icon03, 
.product-nav ul li a:hover .icon .icon03{background-image:url("../images/icon/13_hover.png")}
.product-nav ul li.current a .icon .icon04, 
.product-nav ul li a:hover .icon .icon04{background-image:url("../images/icon/14_hover.png")}
.product-nav ul li.current a .icon .icon05, 
.product-nav ul li a:hover .icon .icon05{background-image:url("../images/icon/15_hover.png")}
.product-nav ul li.current a .icon .icon06, 
.product-nav ul li a:hover .icon .icon06{background-image:url("../images/icon/16_hover.png")}
@media (max-width:1366px){.product-nav ul li a .icon{width:120px; height:120px}
.product-nav ul li a .text{margin-top:22px; font-size:22px}
}
@media (max-width:1024px){.product-nav ul li a .icon{width:105px; height:105px}
.product-nav ul li a .text{margin-top:18px; font-size:20px}
}
@media (max-width:750px){.product-nav{height:115px; margin-top:30px; overflow:hidden}
.product-nav ul{height:150px; padding:0 15px; font-size:0; overflow-x:scroll; overflow-y:hidden; white-space:nowrap; -webkit-overflow-scrolling:touch}
.product-nav ul li{float:none; width:auto; padding-top:10px}
.product-nav ul li a{display:inline-block; padding:0 15px}
.product-nav ul li a .icon{width:60px; height:60px}
.product-nav ul li a .text{margin-top:5px; font-size:14px; font-weight:normal; color:#bbb}
.product-nav ul li.current a .text{color:#333}
}

.product-list{overflow:hidden}
.product-list ul{margin:0 -10px}
.product-list ul li{float:left; width:25%; margin-top:75px}
.product-list ul li a{display:block; margin:0 10px; border-bottom:2px solid #d2d2d2;  -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; transition:all 0.5s ease}
.product-list ul li a .pic{position:relative; width:100%; height:0; padding-top:75.43%; overflow:hidden}
.product-list ul li a .pic img{position:absolute; top:0; left:0; width:100%; height:100%}
.product-list ul li a .tit{width:100%; font-size:18px; font-weight:normal; line-height:44px; text-align:center; text-overflow:ellipsis;  white-space:nowrap;  overflow:hidden; background-color:#f3f3f3;  -webkit-transition:color 0.5s ease; -moz-transition:color 0.5s ease; -ms-transition:color 0.5s ease; transition:color 0.5s ease}
.product-list ul li a:hover{border-bottom-color:#099f00}
.product-list ul li a:hover .tit{color:#099f00}
@media (max-width:1366px){.product-list ul li{margin-top:65px}
.product-list ul li a .tit{font-size:16px}
}
@media (max-width:1024px){.product-list ul li{margin-top:50px}
.product-list ul li a{border-bottom-width:1px}
.product-list ul li a .tit{font-size:14px}
}
@media (max-width:750px){.product-list{margin:0 10px}
.product-list ul{margin:0 -5px}
.product-list ul li{width:50%; margin-top:20px}
.product-list ul li a{margin:0 5px; border-bottom-width:1px}
.product-list ul li a .tit{font-size:12px}
}

.product-intro{max-width:100%; max-width:1200px; margin:0 auto 40px; background:#999 url("../images/bg/product_inner.jpg") no-repeat center top}
.product-intro .pro-inner{padding:50px}
.product-intro .pro-wrap{ box-shadow:5px 5px 15px rgba(0,0,0,0.2); background-color:#fff}
.product-intro .pro-wrap-inner{padding:22px}
.product-intro .pro-pic{float:left; width:50%}
.product-intro .pro-pic img{display:block; width:100%}
.product-intro .pro-info{float:left; width:50%}
.product-intro .pro-info-inner{margin:0 2% 0 7%}
.product-intro .pro-title{font-size:24px; line-height:1.4}
.product-intro .pro-desc{margin-top:15px; font-size:14px; line-height:1.72}
.product-intro .pro-spec-grid{margin-top:20px; overflow:hidden}

.product-intro .pro-spec-grid ul li{float:left; width:25%}
.product-intro .pro-spec-grid ul li .item{margin:0 5px; padding:10px 5px; font-size:14px; color:#1e1e1e; line-height:1.43; text-align:center; border-radius:6px; background-color:#f2f2f2}
.product-intro .pro-spec-grid ul li .icon img{width:35px; height:35px}
.product-intro .pro-spec-grid ul li .tit{margin-top:13px; width:100%; font-weight:bold; text-overflow:ellipsis;  white-space:nowrap;  overflow:hidden}
.product-intro .pro-spec-grid ul li .txt{height:100%; text-overflow:ellipsis;  white-space:nowrap;  overflow:hidden}
.product-intro .pro-spec-list{margin-top:25px}
.product-intro .pro-spec-list ul li{width:100%; font-size:14px; line-height:2.15; text-overflow:ellipsis;  white-space:nowrap;  overflow:hidden}
.product-intro .pro-spec-list ul li span{color:#099f00}
.product-intro .pro-contactus{margin-top:15px}
.product-intro .pro-contactus ul li{padding-top:20px}
.product-intro .pro-contactus ul li.btn{float:left; width:47%; margin-right:5%}
.product-intro .pro-contactus ul li.btn a{display:block; font-size:20px; color:#fff; line-height:2.95; text-align:center; border-radius:6px; background-color:#d50000}
.product-intro .pro-contactus ul li.tel{float:left}
.product-intro .pro-contactus ul li.tel span{display:block; font-size:14px; line-height:1}
.product-intro .pro-contactus ul li.tel strong{display:block; font-size:34px; font-weight:normal; color:#d50000; line-height:1.65}
@media (max-width:1366px){.product-intro .pro-inner{padding:40px}
.product-intro .pro-wrap-inner{padding:18px}
.product-intro .pro-title{font-size:32px}
.product-intro .pro-desc{margin-top:12px; font-size:12px}
.product-intro .pro-spec-grid{margin-top:18px}
.product-intro .pro-spec-grid ul{margin:0 -15px}
.product-intro .pro-spec-grid ul li .item{margin:0 15px; font-size:12px}
.product-intro .pro-spec-grid ul li .icon img{width:32px; height:32px}
.product-intro .pro-spec-grid ul li .tit{margin-top:10px}
.product-intro .pro-spec-list{margin-top:20px}
.product-intro .pro-spec-list ul li{font-size:12px; line-height:2.15}
.product-intro .pro-contactus{margin-top:12px}
.product-intro .pro-contactus ul li{padding-top:15px}
.product-intro .pro-contactus ul li.btn a{font-size:16px}
.product-intro .pro-contactus ul li.tel span{font-size:12px}
.product-intro .pro-contactus ul li.tel strong{font-size:28px}
}
@media (max-width:1024px){.product-intro .pro-inner{padding:30px}
.product-intro .pro-wrap-inner{padding:15px}
.product-intro .pro-title{font-size:25px}
.product-intro .pro-desc{margin-top:10px; font-size:12px}
.product-intro .pro-spec-grid{margin-top:15px}
.product-intro .pro-spec-grid ul{margin:0 -10px}
.product-intro .pro-spec-grid ul li .item{margin:0 10px; font-size:12px}
.product-intro .pro-spec-grid ul li .icon img{width:30px; height:30px}
.product-intro .pro-spec-grid ul li .tit{margin-top:10px}
.product-intro .pro-spec-list{margin-top:12px}
.product-intro .pro-spec-list ul li{font-size:12px; line-height:2.15}
.product-intro .pro-contactus{margin-top:10px}
.product-intro .pro-contactus ul li{padding-top:12px}
.product-intro .pro-contactus ul li.btn a{font-size:14px}
.product-intro .pro-contactus ul li.tel span{font-size:12px}
.product-intro .pro-contactus ul li.tel strong{font-size:20px}
}
@media (max-width:750px){.product-intro .pro-inner{padding:15px}
.product-intro .pro-wrap-inner{padding:15px}
.product-intro .pro-pic{float:none; width:100%}
.product-intro .pro-info{float:none; width:100%; margin-top:20px}
.product-intro .pro-info-inner{margin:0}
.product-intro .pro-title{font-size:18px}
.product-intro .pro-desc{margin-top:8px; font-size:11px}
.product-intro .pro-spec-grid{margin-top:15px}
.product-intro .pro-spec-grid ul{margin:0 -8px}
.product-intro .pro-spec-grid ul li .item{margin:0 8px; padding:10px 2px; font-size:11px}
.product-intro .pro-spec-grid ul li .icon img{width:28px; height:28px}
.product-intro .pro-spec-grid ul li .tit{margin-top:10px}
.product-intro .pro-spec-list{margin-top:15px}
.product-intro .pro-spec-list ul li{font-size:12px; line-height:2.15}
.product-intro .pro-contactus{margin-top:20px}
.product-intro .pro-contactus ul li{padding-top:0}
.product-intro .pro-contactus ul li.btn{float:none; width:100%; margin-right:0}
.product-intro .pro-contactus ul li.btn a{font-size:16px}
.product-intro .pro-contactus ul li.tel{float:none; padding-top:20px; text-align:center}
.product-intro .pro-contactus ul li.tel span{font-size:12px}
.product-intro .pro-contactus ul li.tel strong{font-size:25px; color:#d50000}
}

.product-tab{width:100%; overflow:hidden}
.product-tab ul{margin:0 -3px}
.product-tab ul li{float:left; width:20%}
.product-tab ul li a{display:block; margin:0 3px; font-size:20px; line-height:3.1; text-align:center; background-color:#f4f4f4; cursor:pointer}
.product-tab ul li.active a{color:#fff; background-color:#099f00}
.product-tab-active{position:relative; top:0; left:0; z-index:1; margin-top:0; background-color:#fff}
@media (max-width:1366px){.product-tab ul li a{font-size:18px}
}
@media (max-width:1024px){.product-tab ul li a{font-size:16px}
}
@media (max-width:750px){.product-tab{width:calc(100% - 20px); margin:0 10px}
.product-tab ul{margin:0 -1px}
.product-tab ul li a{margin:0 1px; font-size:14px}
}
@media (max-width:414px){.product-tab ul li a{margin:0 1px; font-size:12px}
}
@media (max-width:360px){.product-tab ul li a{margin:0 1px; font-size:11px}
}

.product-detail{font-size:16px}
.product-detail .detail-item{margin:40px 0 60px}
.product-detail .detail-title{margin-bottom:40px}
.product-detail .detail-title span{display:inline-block; padding-right:135px; font-size:30px; line-height:2.33; border-bottom:2px solid #e8c50d}
.product-detail .detail-content{line-height:1.875}
.product-detail .detail-content p{margin:30px 0; font-size:inherit; color:inherit}
.product-detail .detail-content p img{max-width:100%}
.product-detail .detail-content .col-2{margin-bottom:30px}
.product-detail .detail-content .col-2 img{float:left; width:52%}
.product-detail .detail-content .col-2 p{margin-left:59%}
.product-detail .detail-item .case-list ul{margin-top:-55px}
.product-detail .detail-item .case-list ul li a .info{border-bottom:none; color:#333}
.product-detail .product-news{float:right; width:32%}
.product-detail .product-news .detail-title{margin-top:-25px; margin-bottom:0; border-bottom:1px solid #ccc}
.product-detail .product-news .detail-title span{border-bottom:none}
.product-detail .product-news ul{margin-top:30px}
.product-detail .product-news ul li{padding:5px 0}
.product-detail .product-news ul li a{display:block; width:100%; line-height:45px; text-overflow:ellipsis;  white-space:nowrap;  overflow:hidden}
.product-detail .product-news ul li a i{margin-right:10px; color:#999}
@media (max-width:1366px){.product-detail{padding-top:45px; font-size:14px}
.product-detail .detail-item{margin:35px 0 40px}
.product-detail .detail-title{margin-bottom:40px}
.product-detail .detail-title span{padding-right:120px; font-size:28px}
.product-detail .detail-content p{margin:25px 0}
.product-detail .detail-content .col-2{margin-bottom:25px}
.product-detail .detail-content .col-2 p{margin-left:58%}
.product-detail .detail-item .case-list ul{margin-top:-55px}
.product-detail .detail-item .case-list ul li a .info{border-bottom:none}
.product-detail .product-news{display:none; float:right; width:35%}
.product-detail .product-news ul{margin-top:30px}
.product-detail .product-news ul li{padding:5px 0}
.product-detail .product-news ul li a{font-size:15px; line-height:45px}
}
@media (max-width:1024px){.product-detail{padding-top:40px; font-size:14px}
..product-detail .detail-item{margin:30px 0 35px}
.product-detail .detail-title{margin-bottom:35px}
.product-detail .detail-title span{padding-right:100px; font-size:26px}
.product-detail .detail-content p{margin:20px 0}
.product-detail .detail-content .col-2{margin-bottom:20px}
.product-detail .detail-content .col-2 p{margin-left:55%}
.product-detail .detail-item .case-list ul{margin-top:-50px}
.product-detail .detail-item .case-list ul li a .info{border-bottom:none}
.product-detail .product-news{display:none; float:right; width:35%}
.product-detail .product-news ul{margin-top:25px}
.product-detail .product-news ul li{padding:0}
.product-detail .product-news ul li a{font-size:14px; line-height:45px}
}
@media (max-width:750px){.product-detail{padding-top:0px; font-size:12px}
.product-detail .detail-item{margin:30px 10px 25px}
.product-detail .detail-title{margin-bottom:30px; text-align:center}
.product-detail .detail-title span{padding-left:50px; padding-right:50px; font-size:22px}
.product-detail .detail-content p{margin:15px 0}
.product-detail .detail-content .col-2{margin-bottom:15px}
.product-detail .detail-content .col-2 img{float:none; width:100%}
.product-detail .detail-content .col-2 p{margin-left:0}
.product-detail .detail-item .case-list{margin:0}
.product-detail .detail-item .case-list ul{margin:0 -5px; margin-top:-20px}
.product-detail .detail-item .case-list ul li{margin-top:20px}
.product-detail .detail-item .case-list ul li a{margin:0 5px}
.product-detail .detail-item .case-list ul li a .info{border-bottom:none}
.product-detail .product-feedback{float:none; width:auto; margin:0 -10px}
.product-detail .product-news{display:none; float:none; width:100%; margin-top:30px}
.product-detail .product-news .detail-title{margin-top:0}
.product-detail .product-news ul{margin-top:20px}
.product-detail .product-news ul li{padding:0}
.product-detail .product-news ul li a{font-size:12px; line-height:35px}
}

.news-module{width:100%; padding:60px 0 55px; overflow:hidden}
.news-module-bg{background-color:#ededed}
.news-module .module-title{position:relative; margin-bottom:30px}
.news-module .module-title h2{text-align:center; font-size:40px; color:#369031}
.news-module .module-title a{position:absolute; top:50%; right:0; margin-top:-15px; padding:0 18px 0 25px; border-radius:20px; border:2px solid #ccc}
.news-module .module-title a span{display:block; padding-right:20px; font-size:12px; line-height:26px; background:url("../images/icon/arrow_4.png") no-repeat right center}
@media (max-width:1366px){.news-module{padding:50px 0 70px}
.news-module .module-title{margin-bottom:25px}
.news-module .module-title h2{font-size:35px}
}
@media (max-width:1024px){.news-module{padding:20px 0 30px}
.news-module .module-title{margin-bottom:20px}
.news-module .module-title h2{font-size:30px}
}
@media (max-width:750px){.news-module{padding:20px 0}
.news-module .module-title{margin-bottom:20px; margin-left:10px; margin-right:10px}
.news-module .module-title h2{font-size:22px}
.news-module .module-title a{margin-top:-13px; padding:0 12px 0 18px; border-width:1px}
.news-module .module-title a span{font-size:11px; padding-right:15px; line-height:24px}
}

.news-list-item ul li{margin:18px 0}
.news-list-item ul li a{display:block; background-color:#f1f1f1}
.news-list-item ul li a .date{float:left; width:72px; height:72px; color:#666; line-height:1; text-align:center; background-color:#dbdbdb;  -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; transition:all 0.5s ease}
.news-list-item ul li a .date strong{display:block; padding-top:8px; font-size:36px; font-weight:normal}
.news-list-item ul li a .date span{display:block; padding-top:5px; font-size:14px}
.news-list-item ul li a .text{height:72px; margin-left:72px; padding:0 18px}
.news-list-item ul li a .text h5{height:22px; padding-top:12px; font-size:14px; font-weight:bold; line-height:24px; text-overflow:ellipsis;  white-space:nowrap;  overflow:hidden}
.news-list-item ul li a .text p{height:20px; padding-top:5px; font-size:12px; color:#666; line-height:20px; text-overflow:ellipsis;  white-space:nowrap;  overflow:hidden}
.news-list-item ul li a:hover{background-color:#dfffdf}
.news-list-item ul li a:hover .date{background-color:#b2f5b2}

.news-list-pic{overflow:hidden}
.news-list-pic ul{margin:0 -23px}
.news-list-pic ul li{float:left; width:33.33%; margin-top:18px}
.news-list-pic ul li a{display:block; margin:0 23px; padding-bottom:20px; border-bottom:1px solid #e0e0e0}
.news-list-pic ul li a .pic{width:100%; overflow:hidden}
.news-list-pic ul li a .pic img{display:block; width:100%}
.news-list-pic ul li a .info{margin-top:20px}
.news-list-pic ul li a .date{float:left; width:75px; padding-right:10px; text-align:center; border-right:1px solid #ccc; background:none}
.news-list-pic ul li a .date strong{display:block; font-size:58px; font-weight:normal; line-height:45px}
.news-list-pic ul li a .date span{display:block; margin-top:12px; font-size:18px; color:#999; line-height:1}
.news-list-pic ul li a .text{margin-left:90px; padding-left:15px}
.news-list-pic ul li a .text h5{height:18px; padding-top:0; font-size:18px; line-height:1; font-weight:normal; text-overflow:ellipsis;  white-space:nowrap;  overflow:hidden}
.news-list-pic ul li a .text p{height:44px; margin-top:15px; font-size:12px; color:#666; line-height:22px; overflow:hidden}
.news-list-pic ul li a:hover{border-bottom-color:#84cf7f}
.news-list-pic ul.col-1{margin:0}
.news-list-pic ul.col-1 li{width:100%}
.news-list-pic ul.col-1 li a{margin:0}
.news-list-pic ul.col-1 li a .date{width:85px}
.news-list-pic ul.col-1 li a .date strong{font-size:64px; line-height:50px}
.news-list-pic ul.col-1 li a .date span{margin-top:12px; font-size:21px}
.news-list-pic ul.col-1 li a .text{margin-left:102px; padding-left:18px}
.news-list-pic ul.col-1 li a .text h5{height:21px; font-size:21px; line-height:21px}
.news-list-pic ul.col-1 li a .text p{height:48px; margin-top:18px; font-size:14px; line-height:24px}

.news-list{margin:50px 0}
.news-list .news-list-item{overflow:hidden}
.news-list .news-list-item ul{margin:0 -40px}
.news-list .news-list-item ul li{float:left; width:50%; margin:9px 0}
.news-list .news-list-item ul li a{margin:0 40px}

.news-1f{margin-top:-10px}
.news-1f .left{float:left; width:38%}
.news-1f .right{float:right; width:56%}
.news-2f{margin-top:-10px}
.news-3f{margin:0}

@media (max-width:1366px){.news-list-pic ul{margin:0 -15px}
.news-list-pic ul li a{margin:0 15px}
.news-list-pic ul li a .date{width:65px}
.news-list-pic ul li a .date strong{font-size:52px; line-height:40px}
.news-list-pic ul li a .date span{margin-top:10px; font-size:16px}
.news-list-pic ul li a .text{margin-left:76px; padding-left:15px}
.news-list-pic ul li a .text h5{font-size:16px}
.news-list-pic ul li a .text p{height:40px; margin-top:10px; line-height:20px}
.news-list-pic ul.col-1 li a .date{width:78px}
.news-list-pic ul.col-1 li a .date strong{font-size:60px; line-height:48px}
.news-list-pic ul.col-1 li a .date span{margin-top:10px; font-size:19px}
.news-list-pic ul.col-1 li a .text{margin-left:90px; padding-left:18px}
.news-list-pic ul.col-1 li a .text h5{font-size:19px; line-height:21px}
.news-list-pic ul.col-1 li a .text p{height:44px; margin-top:12px; font-size:13px; line-height:22px}
.news-list .news-list-item ul{margin:0 -15px}
.news-list .news-list-item ul li a{margin:0 15px}
.news-1f .left{width:44%}
.news-1f .right{width:52%}
}
@media (max-width:1024px){.news-list-pic ul{margin:0 -10px}
.news-list-pic ul li a{margin:0 10px}
.news-list-pic ul li a .date{width:58px}
.news-list-pic ul li a .date strong{font-size:45px; line-height:35px}
.news-list-pic ul li a .date span{margin-top:8px; font-size:12px}
.news-list-pic ul li a .text{margin-left:70px; padding-left:12px}
.news-list-pic ul li a .text h5{font-size:15px}
.news-list-pic ul li a .text p{height:36px; margin-top:5px; font-size:12px; line-height:18px}
.news-list-pic ul.col-1 li a .date{width:70px}
.news-list-pic ul.col-1 li a .date strong{font-size:55px; line-height:45px}
.news-list-pic ul.col-1 li a .date span{margin-top:8px; font-size:16px}
.news-list-pic ul.col-1 li a .text{margin-left:85px; padding-left:15px}
.news-list-pic ul.col-1 li a .text h5{font-size:16px; line-height:21px}
.news-list-pic ul.col-1 li a .text p{height:40px; margin-top:10px; font-size:12px; line-height:20px}
.news-list .news-list-item ul{margin:0 -10px}
.news-list .news-list-item ul li a{margin:0 10px}
.news-1f .left{width:48%}
.news-1f .right{width:48%}
}
@media (max-width:750px){.news-list-pic ul li{width:100%}
.news-list-pic ul li:last-child a{border-bottom:none}
.news-list{margin:20px 10px}
.news-list .news-list-item ul li{width:100%}
.news-1f{margin:0 10px}
.news-1f .left{width:100%}
.news-1f .right{width:100%}
.news-2f{margin:-10px 10px 0}
}

.news-detail{margin:50px 0 80px}
.news-main{float:left; width:77%}
.news-side{float:right; width:17.5%; margin-top:94px}
@media (max-width:1366px){.news-detail{margin:45px 0 75px}
.news-main{float:left; width:78%}
.news-side{float:right; width:18%}
}
@media (max-width:1024px){.news-detail{margin:40px 0 70px}
.news-main{float:left; width:79%}
.news-side{float:right; width:19%}
}
@media (max-width:750px){.news-detail{margin:15px 0}
.news-main{float:none; width:auto; margin:0 10px}
.news-side{float:none; width:auto; margin:0 10px}
}

.side-module-1{margin-bottom:30px; padding:10px; border:1px solid #e6e6e6}
.side-module-1 .module-title{margin-bottom:10px}
.side-module-1 .module-title h3{font-size:18px}
.side-module-1 .module-title h3 img{width:auto}
.side-module-2{margin-bottom:30px}
.side-module-2 .module-title h3{font-size:18px; color:#fff; text-align:center; line-height:40px; background-color:#e8b750}
.side-module-2 .module-body{padding:10px; border:1px solid #e6e6e6; border-top:none}
@media (max-width:1366px){.side-module-1 .module-title h3{font-size:16px}
.side-module-1 .module-title h3 img{width:100%}
.side-module-2 .module-title h3{font-size:16px}
}
@media (max-width:1024px){.side-module-1 .module-title h3{font-size:14px}
.side-module-1 .module-title h3 img{width:100%}
.side-module-2 .module-title h3{font-size:14px}
}
@media (max-width:750px){.side-module-1{margin-top:30px; margin-bottom:30px; padding:0; border:none}
.side-module-1 .module-title{margin-bottom:10px}
.side-module-1 .module-title h3{font-size:22px}
.side-module-1 .module-title h3 img{width:auto}
.side-module-2{margin-top:30px; margin-bottom:0}
.side-module-2 .module-title h3{font-size:22px; line-height:45px}
.side-module-2 .module-body{padding:0; border:none}
}

.news-title{padding-bottom:15px; text-align:center; border-bottom:1px dotted #ccc}
.news-title h1{font-size:22px;text-align:justify}
.news-title p{margin-top:27px; font-size:12px; color:#888}
.news-title p span{margin:0 10px}
@media (max-width:750px){.news-title{margin-bottom:10px}
.news-title h1{font-size:16px;text-align:justify}
.news-title p{margin-top:15px; font-size:9px}
.news-title p span{margin:0 5px}
}

.news-hotline{position:relative; margin-top:55px; font-size:16px; background-color:#f5f5f5}
.news-hotline .icon{position:absolute; left:10px; bottom:0}
.news-hotline .icon img{display:block}
.news-hotline .info{position:relative; margin-left:175px; padding:20px 30px 20px 0}
.news-hotline .info .text{height:65px; overflow:hidden}
.news-hotline .info .tel{padding-left:40px}
.news-hotline .info .tel strong{font-size:30px; color:#e90101}
.news-hotline .info .button{position:absolute; right:30px; bottom:20px; display:block; padding:0 36px; font-size:18px; color:#fff; line-height:2.4; border-radius:5px; background:#e90101}
@media (max-width:1366px){.news-hotline{font-size:16px}
.news-hotline .info .tel{padding-left:30px}
.news-hotline .info .tel strong{font-size:28px}
.news-hotline .info .button{font-size:16px}
}
@media (max-width:1024px){.news-hotline{font-size:14px}
.news-hotline .info .tel{padding-left:0}
.news-hotline .info .tel strong{font-size:26px}
.news-hotline .info .button{font-size:14px}
}
@media (max-width:750px){.news-hotline{margin-top:30px; font-size:12px; border-radius:5px}
.news-hotline .icon img{height:110px}
.news-hotline .info{margin-left:125px; padding:15px 10px 15px 0}
.news-hotline .info .text{height:auto}
.news-hotline .info .tel{margin-top:5px; padding-left:0}
.news-hotline .info .tel span{display:none}
.news-hotline .info .tel strong{font-size:16px}
.news-hotline .info .button{right:10px; bottom:10px; padding:0 10px; font-size:14px}
}
@media (max-width:360px){.news-hotline .info .button{display:inline-block; position:static; right:auto; bottom:auto; padding:0 10px; font-size:14px}
}

.news-content{margin-top:50px; font-size:16px; line-height:2}
.news-content p{margin:25px 0}
.news-content img{max-width:100%; height:auto}
.news-context{margin-top:50px; padding-top:25px; border-top:1px dashed #ccc}
.news-context ul{float:left; width:80%}
.news-context ul li{width:100%; font-size:12px; color:#888; line-height:2; text-overflow:ellipsis;  white-space:nowrap;  overflow:hidden}
.news-context .back{float:right; margin-top:20px; font-size:14px}
@media (max-width:750px){.news-content{margin-top:30px}
.news-content p{margin:20px 0}
.news-context{margin-top:30px; padding-top:20px}
.news-context .back{font-size:12px}
}

.related-news{margin-top:50px}
.related-news h3{font-size:28px; line-height:2; border-bottom:1px solid #ccc}
.related-news-list{margin-top:15px}
.related-news-list ul li{float:left; width:33.33%}
.related-news-list ul li a{display:block; margin-right:50px; font-size:16px; line-height:40px; text-overflow:ellipsis;  white-space:nowrap;  overflow:hidden}
.related-news-list ul li a i{margin-right:10px; color:#999}
@media (max-width:1366px){.related-news h3{font-size:22px}
.related-news-list ul li a{font-size:14px; line-height:32px}
}
@media (max-width:1024px){.related-news h3{font-size:20px}
.related-news-list ul li a{font-size:12px; line-height:28px}
}
@media (max-width:750px){.related-news{margin-top:30px}
.related-news h3{font-size:22px}
.related-news-list ul li{float:none; width:100%}
.related-news-list ul li a{margin-right:0; font-size:12px; line-height:40px}
}

.recommend-product ul li{margin-top:10px}
.recommend-product ul li a{display:block; padding:10px 10px 15px; border:1px solid #f8f8f8}
.recommend-product ul li a .pic{width:100%}
.recommend-product ul li a .pic img{display:block; width:100%}
.recommend-product ul li a .tit{width:100%; margin-top:8px; font-size:14px; font-weight:normal; text-overflow:ellipsis;  white-space:nowrap;  overflow:hidden}
@media (max-width:750px){.recommend-product{overflow:hidden}
.recommend-product ul{margin:0 -5px}
.recommend-product ul li{float:left; width:50%; margin:10px 0}
.recommend-product ul li a{margin:0 5px; padding:0; border:none}
.recommend-product ul li a .tit{font-size:12px}
}

.hot-news{padding:5px 0}
.hot-news ul li a{display:block; width:100%; font-size:14px; line-height:28px; text-overflow:ellipsis;  white-space:nowrap;  overflow:hidden}
.hot-news ul li a i{margin-right:8px; color:#999}
@media (max-width:1366px){.hot-news ul li a{font-size:12px; line-height:26px}
}
@media (max-width:1024px){.hot-news ul li a{font-size:12px; line-height:26px}
}
@media (max-width:750px){.hot-news ul li a{font-size:12px; line-height:40px}
.hot-news ul li a i{margin-right:10px}
}

.service-info{width:100%; padding:40px 0}
.service-info .left{float:left; width:60%}
.service-info .right{float:left; width:40%}
.service-info .right img{width:100%}
.service-info .info h3{font-size:36px}
.service-info .info .xz{font-size:25px; color:#369031}
.service-info .info h4{margin-top:10px; font-size:24px; font-weight:normal}
.service-info .info p{margin-top:10px; font-size:16px; color:#666; line-height:1.7}
.service-info .data{width:100%; margin-top:50px; overflow:hidden}
.service-info .data ul{margin-left:-7%}
.service-info .data ul li{position:relative; float:left; width:18%; padding-left:7%}
.service-info .data ul li:before{content:""; position:absolute; left:0; top:36%; width:1px; height:25px; background-color:#099f00}
.service-info .data .count{color:#369031}
.service-info .data .count strong{font-size:60px}
.service-info .data .count em{margin-left:5px; font-size:24px}
.service-info .data .text{margin-top:8px; font-size:14px}
@media (max-width:1366px){.service-info{padding:30px 0}
.service-info .info h3{font-size:32px}
.service-info .info h4{font-size:20px}
.service-info .info p{margin-top:25px; font-size:14px}
.service-info .data{margin-top:30px}
.service-info .data .count strong{font-size:55px}
.service-info .data .count em{font-size:20px}
.service-info .data .text{margin-top:5px; font-size:12px}
}
@media (max-width:1024px){.service-info{padding:30px 0}
.service-info .info h3{font-size:28px}
.service-info .info h4{font-size:16px}
.service-info .info p{margin-top:25px; font-size:12px}
.service-info .data{margin-top:30px}
.service-info .data .count strong{font-size:45px}
.service-info .data .count em{font-size:16px}
.service-info .data .text{margin-top:0; font-size:12px}
}
@media (max-width:750px){.service-info{width:auto; margin:0 10px; padding:0}
.service-info .left{float:none; width:100%}
.service-info .right{float:none; width:100%; margin-top:30px; text-align:center}
.service-info .right img{width:60%}
.service-info .info{text-align:center}
.service-info .info h3{font-size:20px}
.service-info .info h4{font-size:14px}
.service-info .info p{margin-top:5px; font-size:12px; line-height:2}
.service-info .data{width:100%; margin-top:10px}
.service-info .data ul{margin-left:0; font-size:0}
.service-info .data ul li{float:none; display:inline-block; width:50%; margin:10px 0; padding-left:0; text-align:center}
.service-info .data ul li:before{top:25%; height:20px}
.service-info .data ul li:nth-child(odd):before{display:none}
.service-info .data .count strong{font-size:30px}
.service-info .data .count em{font-size:14px}
.service-info .data .text{margin-top:0; font-size:10px}
.service-info .info .xz{font-size:16px}
}

.service-idea{padding:30px 0}
.service-idea ul li{float:left; width:25%; text-align:center}
.service-idea ul li a{display:block}
.service-idea ul li .icon{display:inline-block; width:160px; height:160px; background:url("../images/icon/501.png") no-repeat center; background-size:cover;   -webkit-transition:transform 0.5s ease; -moz-transition:transform 0.5s ease; -ms-transition:transform 0.5s ease; transition:transform 0.5s ease}
.service-idea ul li .icon i{display:block; width:100%; height:100%; background-repeat:no-repeat; background-position:center; background-size:100% auto}
.service-idea ul li .icon .icon01{background-image:url("../images/icon/511.png")}
.service-idea ul li .icon .icon02{background-image:url("../images/icon/512.png")}
.service-idea ul li .icon .icon03{background-image:url("../images/icon/513.png")}
.service-idea ul li .icon .icon04{background-image:url("../images/icon/514.png")}
.service-idea ul li h5{margin-top:15px; font-size:28px}
.service-idea ul li p{margin-top:28px; font-size:16px; line-height:2.2}
.service-idea ul li a:hover{color:#333}
.service-idea ul li a:hover .icon{ -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); transform:rotateY(180deg)}
@media (max-width:1366px){.service-idea{padding:20px 0}
.service-idea ul li .icon{width:150px; height:150px}
.service-idea ul li h5{margin-top:12px; font-size:24px}
.service-idea ul li p{margin-top:25px; font-size:14px}
}
@media (max-width:1024px){.service-idea{padding:10px 0}
.service-idea ul li .icon{width:130px; height:130px}
.service-idea ul li h5{margin-top:12px; font-size:20px}
.service-idea ul li p{margin-top:25px; font-size:12px}
}
@media (max-width:750px){.service-idea{margin:-20px 10px 0; padding:0}
.service-idea ul li{width:50%; margin-top:40px}
.service-idea ul li a{margin:0 10px}
.service-idea ul li .icon{width:120px; height:120px}
.service-idea ul li h5{margin-top:10px; font-size:18px}
.service-idea ul li p{min-height:78px; margin-top:20px; font-size:10px}
}

.service-step{padding-bottom:30px}
.service-step ul li{float:left; width:16.66%}
.service-step ul li a{display:block; width:100%}
.service-step ul li .icon{position:relative; width:80%; height:0; padding-top:80%; margin:0 auto; background:url("../images/icon/521.png") no-repeat center; background-size:100% auto; overflow:hidden;   -webkit-transition:transform 0.5s ease; -moz-transition:transform 0.5s ease; -ms-transition:transform 0.5s ease; transition:transform 0.5s ease}
.service-step ul li .icon i{position:absolute; top:50%; left:50%; width:34%; height:34%; margin-top:-17%; margin-left:-17%; background-repeat:no-repeat; background-position:center; background-size:100% auto}
.service-step ul li .icon .icon01{background-image:url("../images/icon/531.png")}
.service-step ul li .icon .icon02{background-image:url("../images/icon/532.png")}
.service-step ul li .icon .icon03{background-image:url("../images/icon/533.png")}
.service-step ul li .icon .icon04{background-image:url("../images/icon/534.png")}
.service-step ul li .icon .icon05{background-image:url("../images/icon/535.png")}
.service-step ul li .icon .icon06{background-image:url("../images/icon/536.png")}
.service-step ul li .info{position:relative; margin-top:60px; padding-top:40px}
.service-step ul li .info:before, 
.service-step ul li .info:after{content:""; position:absolute; top:0; width:50%; height:5px; background-color:#9099a2}
.service-step ul li .info:before{left:0}
.service-step ul li .info:after{right:0}
.service-step ul li .info .number{position:absolute; top:-14px; left:50%; z-index:1; margin-left:-17px; padding:5px; border-radius:50%; border:3px solid #9099a2; background-color:#fff}
.service-step ul li .info .number strong{display:block; width:18px; height:18px; font-size:13px; font-weight:normal; color:#fff; line-height:18px; text-align:center; border-radius:50%; background-color:#9099a2}
.service-step ul li .info h5{margin:0 30px; font-size:20px; color:#2f455b; line-height:45px; text-align:center; border-radius:23px; border:2px solid #9099a2; background-color:#dae6f2}
.service-step ul li .info p{margin:0 30px; padding-top:28px; font-size:14px; line-height:1.7}
.service-step ul li a:hover .icon{background-image:url("../images/icon/521_hover.png");  -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg)}
.service-step ul li a:hover .info .number{border-color:#369031}
.service-step ul li a:hover .info .number strong{background-color:#369031}
.service-step ul li a:hover .info h5{color:#369031; border-color:#369031}
.service-step ul li.first .info:before, 
.service-step ul li.last .info:after{display:none}
@media (max-width:1366px){.service-step{padding-bottom:20px}
.service-step ul li .info{margin-top:50px}
.service-step ul li .info h5{ margin:0 20px; font-size:18px; line-height:40px}
.service-step ul li .info p{margin:0 20px; padding-top:20px; font-size:12px}
}
@media (max-width:1024px){.service-step{padding-bottom:10px}
.service-step ul li .info{margin-top:40px}
.service-step ul li .info h5{ margin:0 15px; font-size:16px; line-height:35px; border-width:1px}
.service-step ul li .info p{margin:0 15px; padding-top:15px; font-size:12px}
}
@media (max-width:750px){.service-step{margin:-30px 10px 0; padding-bottom:0}
.service-step ul li{width:33.33%; margin-top:30px}
.service-step ul li .info{margin-top:30px}
.service-step ul li .info h5{ margin:0 10px; font-size:14px; line-height:30px; border-width:1px}
.service-step ul li .info p{margin:0 10px; padding-top:10px; font-size:11px}
.service-step ul li.first .info:before, 
.service-step ul li.last .info:after, 
.service-step ul li:nth-child(3) .info:after, 
.service-step ul li:nth-child(4) .info:before{display:none}
}

.related-list{overflow:hidden}
.related-list ul{margin:0 -20px}
.related-list ul li{float:left; width:25%}
.related-list ul li a{display:block; margin:0 20px; text-align:center; border-bottom:2px solid #d2d2d2}
.related-list ul li a .pic{position:relative; width:100%; height:0; padding-top:74.667%; overflow:hidden}
.related-list ul li a .pic img{position:absolute; top:0; left:0; width:100%; height:100%}
.related-list ul li a .tit{width:100%; font-size:18px; font-weight:normal; line-height:45px; text-overflow:ellipsis;  white-space:nowrap;  overflow:hidden}
.related-list ul li a:hover{border-color:#099f00}
.related-list ul li a:hover .tit{color:#099f00}
@media (max-width:1366px){.related-list ul{margin:0 -10px}
.related-list ul li a{margin:0 10px}
.related-list ul li a .tit{font-size:16px; line-height:40px}
}
@media (max-width:1024px){.related-list ul{margin:0 -10px}
.related-list ul li a{margin:0 10px; border-width:1px}
.related-list ul li a .tit{font-size:14px; line-height:40px}
}
@media (max-width:750px){.related-list{margin:-20px 10px 0}
.related-list ul{margin:0 -5px}
.related-list ul li{width:50%; margin-top:20px}
.related-list ul li a{margin:0 5px; border-width:1px}
.related-list ul li a .tit{font-size:12px; line-height:35px}
}

.contact-info{padding:20px 0}
.contact-info ul li{float:left; width:25%; text-align:center}
.contact-info ul li a{display:block; padding:0 10px}
.contact-info ul li .icon{position:relative; display:inline-block; width:130px; height:130px; border-radius:50%;   -webkit-transition:transform 0.5s ease; -moz-transition:transform 0.5s ease; -ms-transition:transform 0.5s ease; transition:transform 0.5s ease}
.contact-info ul li .icon-yellow{background-color:#e8b750}
.contact-info ul li .icon-green{background-color:#369031}
.contact-info ul li .icon i{position:absolute; top:50%; left:50%; width:52%; height:52%; margin-top:-26%; margin-left:-26%; background-repeat:no-repeat; background-position:center; background-size:cover}
.contact-info ul li .icon .icon01{background-image:url("../images/icon/601.png")}
.contact-info ul li .icon .icon02{background-image:url("../images/icon/602.png")}
.contact-info ul li .icon .icon03{background-image:url("../images/icon/603.png")}
.contact-info ul li .icon .icon04{background-image:url("../images/icon/604.png")}
.contact-info ul li h5{margin-top:35px; font-size:24px; font-weight:normal; text-overflow:ellipsis;  white-space:nowrap;  overflow:hidden}
.contact-info ul li p{margin-top:35px; font-size:17px; line-height:36px}
.contact-info ul li p strong{font-weight:normal; color:#bc1010}
.contact-info ul li a:hover .icon{  -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); transform:rotateY(180deg)}
.contact-info ul li a:hover h5, 
.contact-info ul li a:hover p{color:#333}
.maps{position:relative; height:480px; margin-top:25px; background:url("../images/bg/map.jpg") no-repeat center}
.map-bubble{position:absolute; top:50px; left:50%; width:415px; height:188px; margin-left:-150px; border:1px solid #b1b0b0; background-color:#fff}
.map-bubble-arrow{position:absolute; bottom:-24px; left:50%; width:35px; height:24px; margin-left:-18px; background:url("../images/icon/map_bubble_arrow.png") no-repeat center top}
.map-bubble .inner{padding:15px 28px}
.map-bubble .map-title{font-size:18px; line-height:1.5}
.map-bubble .map-address{position:relative; margin-top:20px; padding-left:35px}
.map-bubble .map-address i{position:absolute; top:5px; left:0; width:26px; height:26px; background:url("../images/icon/map.png") no-repeat center}
.map-bubble .map-address h4{font-size:14px; font-weight:normal; line-height:1.6}
.map-bubble .map-address p{font-size:12px; color:#666; line-height:1.6}
.map-bubble .map-search{height:40px; margin-top:22px}
.map-bubble .map-search .keywords{float:left; width:230px; height:28px; padding:0 10px; font-size:14px; line-height:28px; border:1px solid #b1b0b0; background:#fff}
.map-bubble .map-search .button{float:left; width:88px; height:30px; margin-left:5px; font-size:14px; color:#fff; border:none; background:#e8b750}
.map-bubble .close{position:absolute; top:0; right:0; width:40px; height:40px; text-indent:-9999em; border:none; background:url("../images/icon/map_close.png") no-repeat center; overflow:hidden}
@media (max-width:1366px){.contact-info ul li .icon{width:120px; height:120px}
.contact-info ul li h5{margin-top:30px; font-size:20px}
.contact-info ul li p{margin-top:30px; font-size:16px; line-height:28px}
.contact-info ul li p strong{font-size:22px}
}
@media (max-width:1024px){.contact-info ul li .icon{width:100px; height:100px}
.contact-info ul li h5{margin-top:30px; font-size:18px}
.contact-info ul li p{margin-top:30px; font-size:14px; line-height:22px}
.contact-info ul li p strong{font-size:16px}
}
@media (max-width:750px){.contact-info{margin:0 10px; padding:0}
.contact-info ul li{width:50%; margin:10px 0}
.contact-info ul li .icon{width:80px; height:80px}
.contact-info ul li h5{margin-top:15px; font-size:14px}
.contact-info ul li p{height:120px; margin-top:15px; font-size:9px; line-height:20px; overflow:hidden}
.contact-info ul li p strong{font-size:12px}

.map-bubble{width:300px; margin-left:-150px}
.map-bubble .inner{padding:12px 20px}
.map-bubble .map-title{margin-right:30px; font-size:14px}
.map-bubble .map-address{margin-top:15px; padding-left:30px}
.map-bubble .map-address i{width:22px; height:22px; background-size:cover}
.map-bubble .map-address h4{font-size:12px}
.map-bubble .map-address p{font-size:11px}
.map-bubble .map-search .keywords{width:165px; font-size:12px}
.map-bubble .map-search .button{width:65px; font-size:12px}
.map-bubble-arrow{left:62%; margin-left:0}

.contact-ttwo:after{ content:"";  display:block;  height:0;  clear:both;  visibility:hidden}

.contact-ttwo{   zoom:1}
}

.feedback{padding:52px 0; background:#f0f0f0 url("../images/bg/feedback.jpg") no-repeat center; background-size:cover}
.feedback .info{padding:35px 80px 55px; background-color:#fff; background-color:rgba(255,255,255,0.85)}
.feedback .title{font-size:40px; font-weight:normal; text-align:center}
.feedback .note{margin-top:15px; font-size:16px; text-align:center}
.feedback .form-item{margin-top:35px; font-size:16px; overflow:hidden}
.feedback .form-item ul{margin:0 -35px}
.feedback .form-item ul li{float:left; width:50%; margin-bottom:15px}
.feedback .form-item .item{margin:0 35px}
.feedback .form-item .dt{padding-left:15px; line-height:2.2}
.feedback .form-item .dd{position:relative; height:45px; padding:0 10px 0 55px; border-radius:2px; border:1px solid #ccc; background:#e6e6e6}
.feedback .form-item .dd label{position:absolute; left:0; top:0}
.feedback .form-item .dd label .icon{display:block; width:55px; height:45px; background-repeat:no-repeat; background-position:center}
.feedback .form-item .dd label .icon-user{background-image:url("../images/icon/feedback_user.png")}
.feedback .form-item .dd label .icon-phone{background-image:url("../images/icon/feedback_phone.png")}
.feedback .form-item .dd label .icon-message{background-image:url("../images/icon/feedback_message.png")}
.feedback .form-item .dd input, 
.feedback .form-item .dd textarea{width:100%; padding:10px 0; border:none; background:none}
.feedback .form-item .dd input{height:25px; line-height:25px}
.feedback .form-item .dd textarea{line-height:1.8}
.feedback .form-item ul li.msg{width:100%; margin-bottom:0}
.feedback .form-item ul li.msg .dd{height:auto}
.feedback .btn{margin-top:35px; text-align:center}
.feedback .btn .btn-submit{display:inline-block; height:40px; padding:0 50px; font-size:18px; color:#fff; line-height:40px; border:none; background:#e8b750}
@media (max-width:1366px){.feedback{padding:50px 0}
.feedback .info{padding:30px 70px 45px}
.feedback .title{font-size:32px}
.feedback .note{font-size:14px}
.feedback .form-item{margin-top:20px; font-size:14px}
.feedback .form-item ul{margin:0 -30px}
.feedback .form-item ul li{margin-bottom:15px}
.feedback .form-item .item{margin:0 30px}
.feedback .btn{margin-top:32px}
.feedback .btn .btn-submit{font-size:16px}
}
@media (max-width:1024px){.feedback{padding:45px 0}
.feedback .info{padding:30px 55px 45px}
.feedback .title{font-size:30px}
.feedback .note{font-size:14px}
.feedback .form-item{margin-top:20px; font-size:14px}
.feedback .form-item ul{margin:0 -20px}
.feedback .form-item ul li{margin-bottom:10px}
.feedback .form-item .item{margin:0 20px}
.feedback .btn{margin-top:30px}
.feedback .btn .btn-submit{font-size:14px}
}
@media (max-width:750px){.feedback{padding:40px 0}
.feedback .info{margin:0 10px; padding:40px 25px}
.feedback .title{font-size:22px; font-weight:bold}
.feedback .note{font-size:12px}
.feedback .form-item{margin-top:20px; font-size:14px}
.feedback .form-item ul{margin:0}
.feedback .form-item ul li{float:none; width:100%; margin-bottom:10px}
.feedback .form-item .item{margin:0}
.feedback .form-item .dt{padding-left:10px}
.feedback .form-item .dd{padding:0 10px 0 45px}
.feedback .form-item .dd label .icon{width:45px}
.feedback .btn{margin-top:25px}
.feedback .btn .btn-submit{ font-size:14px}
}

.news-feedback{margin-top:50px}
.news-feedback .feedback{padding:20px}
.news-feedback .feedback .info{padding:25px 40px 30px}
.news-feedback .feedback .title{font-size:28px; text-align:left}
.news-feedback .feedback .note{font-size:12px; text-align:left}
.news-feedback .feedback .form-item{width:88%; margin-top:10px; font-size:14px}
.news-feedback .feedback .form-item ul{margin:0}
.news-feedback .feedback .form-item ul li{float:none; width:100%; margin-bottom:10px}
.news-feedback .feedback .form-item ul li.msg{margin-bottom:0}
.news-feedback .feedback .form-item .item{margin:0}
.news-feedback .feedback .form-item .dd{height:38px}
.news-feedback .feedback .form-item .dd label .icon{height:38px}
.news-feedback .feedback .form-item .dd input{height:18px; line-height:18px}
.news-feedback .feedback .btn{margin-top:25px}
.news-feedback .feedback .btn-submit{font-size:16px}
@media (max-width:1366px){.news-feedback .feedback{padding:20px}
.news-feedback .feedback .info{padding:25px 40px 30px}
.news-feedback .feedback .title{font-size:28px}
.news-feedback .feedback .note{font-size:12px}
.news-feedback .feedback .form-item{margin-top:10px}
.news-feedback .feedback .form-item ul li{margin-bottom:10px}
.news-feedback .feedback .btn{margin-top:25px}
.news-feedback .feedback .btn-submit{font-size:16px}
}
@media (max-width:1024px){.news-feedback .feedback{padding:20px}
.news-feedback .feedback .info{padding:25px 40px 30px}
.news-feedback .feedback .title{font-size:24px}
.news-feedback .feedback .note{font-size:12px}
.news-feedback .feedback .form-item{margin-top:10px}
.news-feedback .feedback .form-item ul li{margin-bottom:10px}
.news-feedback .feedback .btn{margin-top:25px}
.news-feedback .feedback .btn-submit{font-size:14px}
}
@media (max-width:750px){.news-feedback{margin:50px -10px}
.news-feedback .feedback{padding:10px}
.news-feedback .feedback .info{padding:25px 40px 30px}
.news-feedback .feedback .title{font-size:22px}
.news-feedback .feedback .note{font-size:12px}
.news-feedback .feedback .form-item{width:100%; margin-top:20px}
.news-feedback .feedback .form-item ul li{margin-bottom:10px}
.news-feedback .feedback .btn{margin-top:25px}
.news-feedback .feedback .btn-submit{font-size:14px}
}

.product-feedback{float:left; width:58%}
.product-feedback .feedback{padding:35px 45px}
.product-feedback .feedback .info{padding:25px 52px 55px; background-color:rgba(255,255,255,0.95)}
.product-feedback .feedback .title{text-align:center}
.product-feedback .feedback .note{font-size:15px; text-align:center}
.product-feedback .feedback .form-item{margin-top:25px}
.product-feedback .feedback .form-item ul{margin:0}
.product-feedback .feedback .form-item ul li{float:none; width:100%; margin-bottom:20px}
.product-feedback .feedback .form-item ul li.msg{margin-bottom:0}
.product-feedback .feedback .form-item .item{margin:0}
.product-feedback .feedback .btn{margin-top:30px}
@media (max-width:1366px){.product-feedback .feedback{padding:35px}
.product-feedback .feedback .info{padding:30px 45px 45px}
.product-feedback .feedback .title{font-size:28px}
.product-feedback .feedback .note{font-size:14px}
.product-feedback .feedback .form-item{margin-top:22px}
.product-feedback .feedback .form-item ul li{margin-bottom:20px}
.product-feedback .feedback .btn-submit{font-size:16px}
}
@media (max-width:1024px){.product-feedback .feedback{padding:30px}
.product-feedback .feedback .info{padding:25px 40px 40px}
.product-feedback .feedback .title{font-size:24px}
.product-feedback .feedback .note{font-size:12px}
.product-feedback .feedback .form-item{margin-top:20px}
.product-feedback .feedback .form-item ul li{margin-bottom:15px}
.product-feedback .feedback .btn-submit{font-size:14px}
}
@media (max-width:750px){.product-feedback{margin:50px -10px}
.product-feedback .feedback{padding:30px 0}
.product-feedback .feedback .info{padding:20px 25px 35px}
.product-feedback .feedback .title{font-size:22px}
.product-feedback .feedback .note{font-size:12px}
.product-feedback .feedback .form-item{width:100%; margin-top:20px}
.product-feedback .feedback .form-item ul li{margin-bottom:10px}
.product-feedback .feedback .btn-submit{font-size:14px}
}

.video-module{width:100%; padding:30px 0 10px; overflow:hidden}
@media (max-width:1366px){  .video-module{padding:55px 0 80px}
}
@media (max-width:1024px){  .video-module{padding:50px 0 75px}
}
@media (max-width:750px){  .video-module{padding:5px 0 5px}
}
.video-3f{width:100%; max-width:1180px; margin:0 auto}
.video-3f .pro-type{float:left; width:245px; background:url("../images/icon/05.png") repeat-y 28px center; margin:5px}
.video-3f .pro-type ul{margin-top:-30px}
.video-3f .pro-type ul li{padding:5px 0; font-size:18px; cursor:pointer}
.video-3f .pro-type ul li i{float:left}
.video-3f .pro-type ul li i img{width:56px; height:56px}
.video-3f .pro-type ul li span{display:block; margin-left:55px; line-height:60px}
.video-3f .pro-type ul li span img{display:inline-block; margin-top:-30px; margin-left:-10px; vertical-align:middle}
.video-3f .pro-item .item{display:none; width:100%}
.video-3f .pro-item .item .pic{width:560px; display:inline-block}
.video-3f .pro-item .item a{display:block}
.video-3f .pro-item .item a .pic{width:100%}
.video-3f .pro-item .item a .pic img{display:block; width:100%}
.video-3f .pro-item .item h5{margin-top:-15px; width:100%; font-size:20px; font-weight:normal; color:#fff; text-align:center; line-height:50px; background-color:#369031; text-overflow:ellipsis;  white-space:nowrap;  overflow:hidden}
.video-3f .pro-item .pro-types{float:right}
@media (max-width:1024px){ .video-3f .pro-type{width:240px}
 .video-3f .pro-type ul{margin-top:0}
 .video-3f .pro-type ul li{padding:0; font-size:18px}
 .video-3f .pro-item{margin-left:280px}
}
@media (max-width:1024px){ .video-3f .pro-type{float:none; width:100%; background:none}
 .video-3f .pro-type ul{margin-top:0; margin-bottom:15px}
 .video-3f .pro-type ul li{float:left; width:25%; padding:0; font-size:12px; text-align:center}
 .video-3f .pro-type ul li i{display:block; float:none}
 .video-3f .pro-type ul li i img{width:50px; height:50px}
 .video-3f .pro-type ul li span{display:block; margin-left:0; line-height:1}
 .video-3f .pro-type ul li span img{display:none}
 .video-3f .pro-item{margin-left:10px; margin-right:10px}
 .video-3f .pro-item .item a h5{font-size:12px; line-height:30px; margin-top:-10px}
}
.video-5f{overflow:hidden}

.video-5f ul li{float:left; width:33.33%; margin-bottom:10px}
.video-5f ul li a{display:block; margin:0 5px 0 5px}
.video-5f ul li a .pic{position:relative; width:100%; height:0; padding-top:68.5%; overflow:hidden}
.video-5f ul li a .pic img{position:absolute; top:0; left:0; width:100%; height:100%;  -webkit-ransition:transform 0.5s ease; -moz-transition:transform 0.5s ease; -ms-transition:transform 0.5s ease; transition:transform 0.5s ease}
.video-5f ul li a .tit{width:100%; font-size:18px; font-weight:normal; line-height:65px; border-bottom:2px solid #f4f4f4; text-overflow:ellipsis;  white-space:nowrap;  overflow:hidden; text-align:center}
.video-5f ul li a:hover .pic img{ -webkit-transform:scale(1.15); -moz-transform:scale(1.15); -ms-transform:scale(1.15); transform:scale(1.15)}
@media (max-width:1366px){ .video-5f{margin-top:-38px}
 .video-5f ul{margin:0 -17px 0 -18px}
 .video-5f ul li{margin-top:38px}
 .video-5f ul li a{display:block; margin:0 9px 0 9px}
 .video-5f ul li a .tit{font-size:16px; line-height:60px}
}
@media (max-width:1024px){ .video-5f{margin-top:-34px}
 .video-5f ul{margin:0 -10px}
 .video-5f ul li{margin-top:34px}
 .video-5f ul li a{display:block; margin:0 10px}
 .video-5f ul li a .tit{font-size:14px; line-height:55px}
}
@media (max-width:750px){ .video-5f{width:100%}
 .video-5f ul{margin:0 -8px}
 .video-5f ul li{width:50%; margin-top:10px}
 .video-5f ul li a{display:block; margin:0 8px}
 .video-5f ul li a .tit{font-size:11px; line-height:35px; border-bottom:1px solid #eee}
}

.video-intro{max-width:100%; max-width:1200px; margin:0 auto 20px; background:#999 url("../images/bg/product_inner.jpg") no-repeat center top}
.video-intro .video-inner{padding:50px}
.video-intro .video-wrap{ box-shadow:5px 5px 15px rgba(0,0,0,0.2); background-color:#fff}
.video-intro .video-wrap-inner{padding:22px}
.video-intro .video-pic{width:100%}
.video-intro .video-pic img{display:block; width:100%}
@media (max-width:1366px){ .video-intro .video-wrap-inner{padding:18px}
}
@media (max-width:1024px){ .video-intro .video-wrap-inner{padding:15px}
}
@media (max-width:750px){ .video-intro .video-inner{padding:0px}
 .video-intro .video-wrap-inner{padding:5px}
 .video-intro .video-pic{float:none; width:100%}
 .video-intro .video-info{float:none; width:100%; margin-top:20px}
 .video-intro .video-info-inner{margin:0}
}

.inner .pro-contactus{margin-top:15px}
.inner .pro-contactus{margin-top:15px}
.inner .pro-contactus ul li{padding-top:20px}
.inner .pro-contactus ul li.btn{float:left; width:48%; margin-right:5.7%}
.inner .pro-contactus ul li.btn a{display:block; font-size:20px; color:#fff; line-height:2.95; text-align:center; border-radius:6px; background-color:#d50000}
.inner .pro-contactus ul li.tel{float:left}
.inner .pro-contactus ul li.tel span{display:block; font-size:14px; line-height:1}
.inner .pro-contactus ul li.tel strong{display:block; font-size:34px; font-weight:normal; color:#d50000; line-height:1.65}
@media (max-width:1366px){ .inner .pro-contactus{margin-top:12px}
 .inner .pro-contactus ul li{padding-top:15px}
 .inner .pro-contactus ul li.btn a{font-size:16px}
 .inner .pro-contactus ul li.tel span{font-size:12px}
 .inner .pro-contactus ul li.tel strong{font-size:28px}
}
@media (max-width:1024px){ .inner .pro-contactus{margin-top:10px}
 .inner .pro-contactus ul li{padding-top:12px}
 .inner .pro-contactus ul li.btn a{font-size:14px}
 .inner .pro-contactus ul li.tel span{font-size:12px}
 .inner .pro-contactus ul li.tel strong{font-size:20px}
}
@media (max-width:750px){ .inner .pro-contactus{margin-top:20px}
 .inner .pro-contactus ul li{padding-top:0}
 .inner .pro-contactus ul li.btn{float:none; width:100%; margin-right:0}
 .inner .pro-contactus ul li.btn a{font-size:16px}
 .inner .pro-contactus ul li.tel{float:none; padding-top:20px; text-align:center}
 .inner .pro-contactus ul li.tel span{font-size:12px}
 .inner .pro-contactus ul li.tel strong{font-size:25px; color:#d50000}
}